//介绍页面切换
$('.xzh-jieshao').on('click', '.subject-right-up-p2',function() {
    $('.xzh-page1').css('display','none');
    $('.xzh-page2').css('display','block');

});

$('.xzh-jieshao').on('click','.subject-right-up-p1', function() {
    $('.xzh-page1').css('display','block');
    $('.xzh-page2').css('display','none');

});

//返回
$('.xzh-headup-right').on('click', function() {
    location.href = 'teacherPage.html';
});


var teacherId = localStorage.getItem('teacherId');
console.log(teacherId);


//查看页面动态渲染
function chakanXuanran(data) {

    var div = `
    <!-- 主体 -->
    <div class="container ">
        <div class="xzh-subject">
            <!-- 主体左边 -->
            <div class="xzh-subject-left"> 
                <!-- 上 -->
                <div class="xzh-subject-left-up">
                    <div class="xzh-left-up">
                        <img src="../../images/xzh_images/02.jpeg" alt="">
                        <p>${data.teacherName}</p>
                        <p>高级外教</p>
                    </div>
                    <div class="xzh-left-center1">
                        <p class="xzh-left-center1-p1">入职时间</p>
                        <p class="xzh-left-center1-p2">${data.teacherEntry}</p>
                    </div>
                    <div class="xzh-left-center2">
                        <p class="xzh-left-center2-p1">工龄</p>
                        <p class="xzh-left-center2-p2">${data.teacherStanding}</p>
                    </div>
                    <div class="xzh-left-down">
                        <p class="xzh-left-down-p1">学生</p>
                        <p class="xzh-left-down-p2">1000人</p>
                    </div>
                </div>
                <!-- 中 -->
                <div class="xzh-subject-left-center">
                    <div class="xzh-guanyu">
                        <p class="xzh-guanyu-p1">关于老师</p>
                        <p class="xzh-guanyu-p2">是一位深受学生喜爱和信任的好老师! 老师英语专业学士,英语专业八级。具有丰富的耶鲁视线英语教学经验。善于发现孩子的性格特点,抓住孩子的学习兴趣。</p>
                    </div>
                    <div class="xzh-xingbie">   
                        <span class="xzh-xingbie-s1">性别</span>
                        <span class="xzh-xingbie-s2">${data.sexName}</span>
                    </div>
                    <div class="xzh-xingbie">   
                        <span class="xzh-xingbie-s1">教育</span>
                        <span class="xzh-xingbie-s2">${data.educationName}</span>
                    </div>
                    <div class="xzh-xingbie">   
                        <span class="xzh-xingbie-s1">联系电话</span>
                        <span class="xzh-xingbie-s2">${data.teacherTel}</span>
                    </div>
                    <div class="xzh-xingbie">   
                        <span class="xzh-xingbie-s1">联系地址</span>
                        <span class="xzh-xingbie-s2">明市马莫拉路8901演示地址</span>
                    </div>
                    <div class="xzh-shijian clear">
                        <div class="xzh-shouke">
                            <span class="xzh-shouke-sp clear">
                                <p class="xzh-shouke-p1">10000</p>
                                <p class="xzh-shouke-p2">小时</p>
                            </span>
                            <p class="xzh-shouke-p3">累计授课时长</p>
                        </div>
                        <div class="xzh-huojiang">
                            <span class="xzh-huojiang-sp clear">
                                <p class="xzh-huojiang-p1">120</p>
                                <p class="xzh-huojiang-p2">项</p>
                            </span>
                            <p class="xzh-huojiang-p3">累计获奖数量</p>
                        </div>
                        <div class="xzh-haoping">
                            <span class="xzh-haoping-sp clear">
                                <p class="xzh-haoping-p1">8520</p>
                                <p class="xzh-haoping-p2">条</p>
                            </span>
                            <p class="xzh-haoping-p3">累计好评数量</p>
                        </div>
                    </div>
                </div>

                <!-- 特长 -->
                <div class="xzh-expertise">
                    <p class="xzh-expertise-p">工作专长</p>
                    <div class="xzh-english">
                        <p class="xzh-english-p1">英语</p>
                        <p class="xzh-english-p2">90%</p>
                        <input class="xzh-english-range" type="range" value="90">
                    </div>
                    <div class="xzh-chinese">
                        <p class="xzh-chinese-p1">中文</p>
                        <p class="xzh-chinese-p2">90%</p>
                        <input class="xzh-chinese-range" type="range" value="40">
                    </div>
                    <div class="xzh-French">
                        <p class="xzh-French-p1">法语</p>
                        <p class="xzh-French-p2">90%</p>
                        <input class="xzh-French-range" type="range" value="50">
                    </div>
                </div>
            </div>

            <!-- 主体右边 -->
            <div class="xzh-subject-right">
                <div class="subject-right-up clear">
                    <p class="subject-right-up-p1">教师介绍</p>
                    <p class="subject-right-up-p2">荣誉墙</p>
                </div>
                <div class="xzh-page1">
                    <div class="xzh-subject-right-text">
                        <span> 英语专业学士，英语专业八级，语感和英文表达能力比较强。从事少儿英语教学工作多年，经验丰富。热爱少儿英语教育，善于观察孩子学习中的优点与潜力，并将自己发现的问题与家长沟通、有针对性地帮助孩子提高。很欣赏也一直实践着童话大王郑渊洁的一句话“好孩子都是鼓励出来的！</span>
                        <span>长期从事于少儿英语教学工作，有丰富的授课经验。英语功底扎实，发音标准，表达流利。性格活泼开朗，对孩子饱含热情与爱心，善于与孩子交流。讲课思路清晰，认真负责，深受小朋友和家长的喜爱！“永远用欣赏的眼光看学生，永远用宽容的心态面对学生！”</span>
                        <span>学生眼里的我，是一个自然优雅、充满热情、热爱生活、热爱学生、热爱教育工作的好老师。他们说："您的热情点燃我们每一个人对生活的爱，您教学的严谨，鞭策我们每一个人认真求知，您优雅的举止，影响我们每一个人去追求心灵的高贵"。 在学生眼里，我是那个课堂上激情四射、知识渊博，对自己的教与他们的学近乎严苛的师长；是一个课堂外坦率随性，可以海阔天空畅聊天下的朋友；是那私底下细心关怀，能诉心声的知己。他们说，在人生这样一段特殊的经历中，有一位您这样的教师，是无比幸运和幸福的。</span>
                    </div>
                    <div class="xzh-skill clear">
                        <h5>技能</h5>
                        <p>英语功底扎实</p>
                        <p>外教老师</p>
                        <p>科学受教</p>
                    </div>
                    <div class="xzh-language clear">
                        <h5>语言</h5>
                        <p>英语</p>
                        <p>法语</p>
                        <p>中文</p>
                    </div>
                    <div class="xzh-user">
                        <h5>个人信息</h5>
                        <div class="xzh-username clear">
                            <p class="xzh-username-p1">名字</p>
                            <p class="xzh-username-p2">${data.teacherName}</p>
                        </div>
                        <div class="xzh-age clear">
                            <p class="xzh-age-p1">工龄</p>
                            <p class="xzh-age-p2">${data.teacherStanding}</p>
                        </div>
                        <div class="xzh-tel clear">
                            <p class="xzh-tel-p1">联系方式</p>
                            <p class="xzh-tel-p2">${data.teacherTel}</p>
                        </div>
                    </div>
                </div>
                <div class="xzh-page2">
                   <div class="page2">
                    <img class="page2-img1" src="../../images/xzh_images/03.jpg" alt="">
                    <p>一个奇妙的宁静占据了我的整个灵魂，就像这个享受整个心灵的甜蜜的早晨，一个美妙的宁静占据了我的整个灵魂，就像这个享受整个心灵的甜蜜的早晨。</p>
                    <img class="page2-img2" src="../../images/xzh_images/04.jpg" alt="">
                    <p>一个奇妙的宁静占据了我的整个灵魂，就像这个享受整个心灵的甜蜜的早晨，一个美妙的宁静占据了我的整个灵魂，就像这个享受整个心灵的甜蜜的早晨。</p>
                    <img class="page2-img3" src="../../images/xzh_images/05.png" alt="">
                   </div>
                </div>
            </div>
        </div>
    </div>
    `;

    $('.xzh-jieshao').append($(div));
}

//数据请求
function insertOneTeacher() {
    $.ajax({
        url: '/teachers/getTeacher',
        method: 'POST',
        data: {
            teacherId: teacherId
        }
    })
    .done(function (res) {
        console.log('请求成功：', res);

        chakanXuanran(res.data);
    })
    .fail(function (err) {
        console.log('请求失败：',err);
    })
};

insertOneTeacher();


// var teacherIndex;
// function chazhao() {
//     for(var i = 0; i < teachers.length; i++) {
//         if(teachers[i].id == teacherId) {
//             teacherIndex = i;
//         }
//     }
// }

// chazhao();
// console.log(teacherIndex);
// console.log(teachers[teacherIndex]);

// var tea = teachers[teacherIndex];

// chakanXuanran();